import {
  svg, svgRect, svgPattern, svgGrid, svgPolar
} from './svg/index.js'
import {
  form
} from './form.js'
import {
  grid
} from './grid.js'
import {
  html
} from './html.js'
import {
  canvas
} from './canvas.js'
import {
  list,
  renderlistItem
} from './list.js'
import { btns } from './btns.js'


let tabs = [{
  title: 'form',
  name: 'first',
  content: form,
  contentType: 'Form'
}, {
  title: 'table',
  name: 'second',
  content: grid,
  contentType: 'Grid'

}, {
  title: 'list',
  name: 'list',
  content: list,
  contentType: "List",
  render: renderlistItem

},

{
  title: 'html',
  name: 'html',
  content: html,
  contentType: 'html'
}, {
  title: 'text',
  name: 'text',
  content: html
}, {
  title: 'svg',
  name: 'svg',
  content: svg,
  contentType: 'svg'
}, {
  title: 'svgRect',
  name: 'svgRect',
  content: svgRect,
  contentType: 'svg'
}, {
  title: 'svg.pattern',
  name: 'svg_pattern',
  content: svgPattern,
  contentType: 'svg'
}, {
  title: 'svg.grid',
  name: 'svg_grid',
  content: svgGrid,
  contentType: 'svg'
}, {
  title: 'svg.polar',
  name: 'svg_polar',
  content: svgPolar,
  contentType: 'svg'
}, {
  title: 'canvas',
  name: 'canvas',
  content: canvas,
  contentType: 'canvas'
},
{
  title: 'btns',
  name: 'btns',
  content: btns,
  contentType: 'btns'
}
]

export default {
  tabs,
  activeName: 'first'
}